/**
 * @author kobe
 * @date   10/05/27
 */
@import "../mixins";



.yue-detail{

	background:#efefef;

	.iconfont{
	    font-family:'yue-detail' !important;
	    font-size:0.6rem;
	    font-style:normal;
	    -webkit-font-smoothing: antialiased;
	    -webkit-text-stroke-width: 0.5px;
	    -moz-osx-font-smoothing: grayscale;
	}

	.info-card{
		background: url("../../images/yue/yue-detail-bg.jpg");
		background-position: center;
		background-size: 100%;

		.avatar{
			padding-top: 0.3rem;
			text-align: center;
			color: #eee;

			.mui-icon-back{
				font-size: 0.3rem;
			}

			> div{
				margin-top: 0.15rem;
			}

			.u-img{
				margin:0 auto;
				width: 1.22rem;
				height: 1.2rem;
				border-radius: 150px;
				border: 0.08rem solid #b8b8b8;

				img{
					width: 100%;
				}
			}

			.u-name{
				letter-spacing: 0.01rem;
			}

			.u-age{
				font-size: 0.8em;

				> .u-sex{
					margin-right: 0.07rem;
					padding: 0.03rem 0.05rem;
					background: #ffa4b6;
					border-radius: 2px;

					.icon{
						@extend .iconfont;
						font-size: 0.15rem;
						margin-right: 5px;

		    			&.man{
		    				//@include iconAfter("\e6c1");
							&:after {
								content: '\e6c1';
							}
		    			}

		    			&.women{
		    				//@include iconAfter("\e6c0");
							&:after {
								content: '\e6c0';
							}
		    			}
					}
				}
			}

		}

		.history-info{
			margin-top: 0.2rem;
			padding: 8px 0;
			overflow: hidden;
			border-top: 1px solid #8e8f91;

			> .h-info{
				float: left;
				display: table;
				width: 50%;
				height: 0.3rem;
				text-align: center;

				&:first-child{
					border-right: 1px solid #8e8f91;
					box-sizing:border-box;
				}

				p{
					display: table-cell;
					vertical-align: middle;
					color: #fff;
					font-size: 0.12rem;

					.info-num{
						margin-left: 0.15rem;
						font-size: 1.5em;
					}
				}
			}
		}
	}

	.info-list{
		.list-group{
			margin-top: 0.15rem;
		}

		.mui-pull-left{
			color: #787878;
		}

		.mui-pull-right{
			color: #000;
		}

		.star{
		    //@include iconAfter("\e6c2");
            //&:after {
				//content: '\e6c1';
            //}

			@extend .iconfont;
			font-size: 0.22rem;
		    &:after{
				content: '\e6c2';
		    	width: 0.1rem;
		    	height: 0.1rem;
		    }

		    &.fill {//填充
				color:#ff6600;
			}

			&.defaul{//常态
				color:#ccc;
			}
		}

		.dt-group{
			margin-right: 0.2rem;
			overflow: hidden;

			.dt-img{
				float: left;
				margin-left: 0.06rem;
				width: 0.5rem;
				height: 0.5rem;
				border-radius: 0.05rem;
				overflow: hidden;
				background:#ddd;

				img{
					width: 100%;
				}
			}
		}
	}

	.chat-btn{
		display: block;
		width: 100%;
		padding: 0.15rem 0;
		margin-top: 0.15rem;
		text-align: center;
		box-sizing: border-box;
		color: #fff;
		background: #01bfcb;
	}
}
